
body,div,a,span,button,textarea,input,h1,h2,h3,h4,h5,h6,ul,li,img,p{
    margin: 0 0;
    padding: 0 0;
    font-family: "微软雅黑 Light", '微软雅黑';
}
textarea{
    display: block;
    margin: 10px auto;
    border-color: #1c2b36;
    border-radius: 4px;
}
ul {
    list-style: none;
}
.title{
    margin-top: 5%;
    text-align: center;
    line-height: 50px;
    font-size: 30px;
}
.title img{
    width: 50px;
    margin: 0 3px;
}
.content{
    margin: 0 auto;
    background-color: #eee;
    border: #1c2b36 solid 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.content img{
    padding: 3px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* 开始/结束 */
.curtain {
    position: absolute;
    top: -1px;
    z-index: 99;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: rgba(0,0,0,.3);
}
.curtain i{
    cursor: pointer;
}
.center{
    position: relative;
    top: 40%;
    transform: translateY(-50%);
    margin: 0 auto;
    text-align: center;
    color: white;
}
.curtain_title{
    line-height: 6rem;
    font-size: 3rem;
    font-family: "FontAwesome", "微软雅黑", sans-serif;
}
ol li{
    width: 50%;
    margin: 0 auto;
}
/*** 媒体查询 ***/
@media screen and (max-width: 640px) {
    .container{
        width: 100%;
    }
}
@media screen and (min-width: 640px ) and ( max-width: 800px){
    .container{
        width: 80%;
    }
}
@media screen and (min-width: 800px ) and ( max-width: 1200px){
    .container{
        width: 40%;
    }
}
@media screen and (min-width: 1200px){
    .container{
        width: 30%;
    }
}

.hide{
    display: none;
}
.block {
    display: block;
}

.mag-right-20{
    margin-right: 20px;
}
.mar_top_30{
    margin-top: 30px;
}
.height_50{
    height: 50px;
}
/**
 * 动画
 */
.rotate360{
    -webkit-animation: rotate_circle 3s;
    -o-animation: rotate_circle 3s;
    animation: rotate_circle 3s;
}
.rotate90{
    animation: rotate_90 1s;
}
.rotate180{
    -webkit-animation: rotate_180 1s;
    -o-animation: rotate_180 1s;
    animation: rotate_180 1s;
}
.rotate180_c{
    -webkit-animation: rotate_180_c 1s;
    -o-animation: rotate_180_c 1s;
    animation: rotate_180_c 1s;
}
@keyframes rotate_90 {
    0%{
        transform: rotateY(90deg);
    }
    100% {
        transform: rotateY(0);
    }
}
@keyframes rotate_180 {
    0% {
        transform: rotateY(0);
        -webkit-transform: rotateY(0);
        -moz-transform: rotateY(0);
    }
    100% {
        transform: rotateY(180deg);
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
    }
}
@-webkit-keyframes rotate_180 {
    0% {
        transform: rotateY(0);
        -webkit-transform: rotateY(0);
        -moz-transform: rotateY(0);
    }
    100% {
        transform: rotateY(180deg);
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
    }
}
@keyframes rotate_180_c {
    0% {
        transform: rotateY(0);
        -webkit-transform: rotateY(0);
        -moz-transform: rotateY(0);
    }
    100% {
        transform: rotateY(180deg);
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
    }
}
@keyframes rotate_back {
    0% {
        transform: rotateY(-180deg);
        -webkit-transform: rotateY(-180deg);
        -moz-transform: rotateY(-180deg);
    }
    100% {
        transform: rotateY(0);
        -webkit-transform: rotateY(0);
        -moz-transform: rotateY(0);
    }
}
@-webkit-keyframes rotate_back {
    0% {
        transform: rotateY(-180deg);
        -webkit-transform: rotateY(-180deg);
        -moz-transform: rotateY(-180deg);
    }
    100% {
        transform: rotateY(0);
        -webkit-transform: rotateY(0);
        -moz-transform: rotateY(0);
    }
}
@keyframes rotate_circle {
    0% {
        -webkit-transform: rotateY(0);
        -moz-transform: rotateY(0);
        -ms-transform: rotateY(0);
        -o-transform: rotateY(0);
        transform: rotateY(0);
    }
    20% {
        -webkit-transform: rotateY(90deg);
        -moz-transform: rotateY(90deg);
        -ms-transform: rotateY(90deg);
        -o-transform: rotateY(90deg);
        transform: rotateY(90deg);
    }
    100% {
        -webkit-transform: rotateY(90deg);
        -moz-transform: rotateY(90deg);
        -ms-transform: rotateY(90deg);
        -o-transform: rotateY(90deg);
        transform: rotateY(90deg);
    }
}
/**
 * 动画END
 */